<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>找到元素，然后再处理</title>
		<script>
		//处理:改属性，改子元素，改样式
		 function chgh1(){
			 //var h=document.getElementById("d1");
			 var h=document.querySelector(".c1");
			 if(h.align=="right")
				h.align="left";
			 else
				h.align="right";//修改他的属性
			 document.getElementById("btn1").value="h1已经改过了";
		 }
		 //改元素的子元素
		 function changeDiv(){
			 var d=document.getElementById("logo");
			  d.innerHTML="<a href='https://www.baihe.com' target='_blank'>百合网</a><img src='../day7/image/icon-1.jpg'/>";
			// d.innerText="<a href='https://www.baihe.com' target='_blank'>百合网</a><img src='../day7/image/icon-1.jpg'/>";
		 }
		 function findLike(){
			 //var darr=document.getElementsByTagName("input");
			 var darr=document.getElementsByName("like");
			 //var darr=document.querySelectorAll("input[name=like]");
			 var str="";
			 for(let i=0;i<darr.length;i++){
				 if(darr[i].checked){
				     str+=darr[i].value+"&nbsp;&nbsp;";
				 }
				 
			 }
			 //document.getElementsByName("l3")[0].innerHTML=str;
			 document.getElementById("l2").innerHTML=str;
		 }
		 function clearDoc(){
			 window.document.body.innerHTML="";
		 }
		 function disButton(){
			 var btn=document.getElementsByTagName("input");
			 alert(btn.length);
			 for(let i=0;i<btn.length;i++){
				 btn[i].disabled=true;
			 }
		 }
		</script>
	</head>
	<body>
		<div id="logo">
			大招好，沃斯渣渣灰
		</div>
		<div id="l2" name="l3">
			sssss
		</div>
		<p>
			爱好：
			<input type="checkbox" name="like" value="sing" />唱歌
			<input type="checkbox" name="like" value="dance"/>跳舞
			<input type="checkbox" name="like" value="baseketball" checked/>打篮球
			<input type="checkbox" name="like" value="rap"/>说唱
			<input type="checkbox" name="like" value="study"/>学习
		</p>
		<h1 id="d1" class="c1">李平是个好同志</h1>
		<input type="button" value="修改h1" onclick="chgh1()" id="btn1"/>
		<input type="button" value="修改Div" onclick="changeDiv()" id="btn2"/>
		<input type="button" value="获得爱好" onclick="findLike()" id="btn3"/>
		<input type="button" value="清空网页" onclick="clearDoc()" id="btn4"/>
		<input type="button" value="禁用按钮" onclick="disButton()" id="btn5"/>
		<!-- <button type="button" onclick="chgh1()" id="btn1">修改h1</button> -->
	</body>
</html>
